#free web development tutorial
Explore tagged Tumblr posts
Text
How to Make Your Own Wikipedia without Actually Using Wikipedia
These are kinda sorta in order.
Go to HTML 5 Templates and download the Wikipedia Template. Once downloaded, you will extract it (which requires something like 7-Zip to help).
Get your hands on something like Brackets or Notepad++ so you can edit everything. For those of you wondering, I use Brackets and very much prefer it to Notepad++.
Make an account (aka your website) on Neocities and you will transfer all of your stuff over there. Lucky for us, we get 1 GB storage and 200 GB bandwidth free of charge.
And here are some things you will need to consider when making your own Wikipedia of sorts.
You will definitely need to have some knowledge (and how to use) HTML, CSS, and JavaScript. If you are not 100% certain on how to do certain things then I recommend you giving Stack Overflow and W3 Schools a look at.
Patience is definitely a virtue and very much needed in cases like this because it is definitely not a "one and done" kind of thing that you will get done overnight. It is going to take a lot of time — be it days, weeks, or even months.
If 1 GB is not enough to make your Wikipedia (or any website you are wanting to make) then you can Become a Supporter by donating $5/month. This grants you 50 GB storage and 3000 GB bandwidth instead of the measly 1 GB storage and 200 GB bandwidth.
#pvposeur's tutorials#pvposeur's tutorial#pvposeur's how to#pvposeur's how to's#wikipedia#website#web development#web developers#web design#free to reblog
9 notes
·
View notes
Text
so today i messed around with react and managed to get this navbar working:
i looked at a tutorial the other day and tried to actually apply it to today....idk how to properly style the navbar so gonna try to figure it out next time if possible!
#so yea now i gotta learn more stuff hahahaha#on the brightside react looks really easy to work with once u start to get the hang of it#at least in comparison to what i was doing before!#and also i dont need my site to be super fancy right off the back#so im gonna just try to fix the navbar for a short while and then move to the next thing#which ig is the login page#the reason i started using react in the first place#my only issue is that the tutorial i used was really good but only the first part of it was free#and i dont have 150 dollars for a tutorial so.....#idk ig i have to look for another tutorial and hope its the same level of quality and also in typescript#cause the tutorial i was doing it in had it in typescript#also apparently its easier to write in than js....#anyways thats my progress today#see my character development from being reluctant about react to now being like...this is really useful#web development#codeblr#if yall have a good react tutorial that uses typescript...pls send it my way#im thinking ill have to start using next.js after this cause i need the backend stuff later#and it would save time ig??
3 notes
·
View notes
Text
free digital marketing courses , web development tutorials free , accounts courses online free
Institute Unleash your potential with ADC's free digital marketing courses, web development training, and online accounting courses
Are you ready to improve your knowledge and skills? MR Institute ASDC is your best choice! We're committed to giving people the tools they need to succeed in the digital age with our comprehensive range of free digital marketing courses, web training, and online courses.
As MR Institute ASDC, we understand the importance of staying ahead of others in today's competitive environment. That's why we're making our best courses free to make them accessible to all students who need them. Whether you're a professional looking to improve your skills or a beginner looking to break into the world of digital marketing, web development, or finance, our courses support all skill levels.
Key Features of Our Free Courses:
Digital Marketing Courses: From SEO and social media marketing to email marketing and Good content, our digital marketing courses cover everything in the digital space. Many topics are essential for success. Learn how to use multiple digital channels to engage your audience and turn a profit.
Web Development Training: Learn more about the basics of web development with our comprehensive training. Whether you're interested in front-end development with HTML, CSS, and JavaScript, or want to explore the ins and outs of back-end development with languages like Python or PHP, our guides offer step-by-step advice to help you. You. Improve your skills from the source.
Online Accounting Courses: Gain a deeper understanding of accounting concepts and practices with our free online courses. From basic writing to effective financial analysis, our courses provide the knowledge and skills you need to effectively manage your finances, whether in a professional setting or for personal use.
Why choose MR Institute ASDC?
< br>Expert teaching: Our courses are designed and taught by industry experts with many years of experience in their fields, ensuring you receive the best training possible.
Interactive Learning: Participating in interactive activities, quizzes, and events deepens your understanding of key concepts and allows you to apply new skills in the real world.
Simple and easy: With 24/7 access to study materials, you can study at your own pace and in your own time, allowing you to balance your studies with other commitments.
Certificate: When you complete our courses, you will receive a certificate of completion that proves your new skills and enhances your employer sales credentials.
Don't miss this opportunity to invest in your future. Whether you're looking to advance your career, start a new business, or simply expand your horizons, MR Institute ASDC can support you on your journey to success. Sign up online now for our free digital marketing courses, web development courses, and account lessons, and take the first step toward unlocking your full potential!
2 notes
·
View notes
Text
Web Development Course Online & Offline
Looking to master web development? Look into the Web Development Course offered by TakeoffUpskill, Whether you're a beginner or have some coding experience, our course is designed to provide you with the essential skills needed to build professional-quality websites.
During the course, you'll learn the fundamentals of web development, including HTML, CSS, and JavaScript. HTML forms the backbone of web pages, defining their structure, while CSS adds style and design elements to make your sites visually appealing. JavaScript, on the other hand, brings interactivity, allowing you to create dynamic and responsive web pages.
At TakeoffUpskill, we believe in hands-on learning. You'll work on real-world projects and assignments that simulate industry scenarios, giving you practical experience and boosting your confidence as a web developer. Our instructors are experienced professionals who are passionate about teaching and dedicated to your success. They'll guide you through each step of the learning process, ensuring you grasp concepts thoroughly.
Upon completing the course, you'll have a solid foundation in web development and be ready to create your websites from scratch. Whether your goal is to pursue a career in web development or to enhance your skills for personal projects, Our Company web development course is your gateway to success in the digital world.
Don't wait any longer to start your journey into Web Development Course. Join TakeoffUpskill today and take the first step towards becoming a proficient web developer.
#Web Development Course#Best Web Development Course#Web Development Full Course#Web Development Free Course#Web Development Tutorial For Beginners
0 notes
Text
free digital marketing courses , web development tutorials free , accounts courses online free
ASDC Kanpur: Pioneering Excellence in Education and Skill Development
In the ever-evolving landscape of education and industry, the need for institutions that offer a blend of academic rigor and practical skill development has never been greater. ASDC Kanpur stands at the forefront of this movement, dedicated to providing students with the tools they need to excel in their chosen fields and contribute meaningfully to society.
A Tradition of Excellence
ASDC Kanpur, situated in the vibrant city of Kanpur, has built a reputation for excellence in education. With a commitment to fostering innovation and critical thinking, the institution has become a preferred choice for students seeking a comprehensive educational experience. Our emphasis on quality education is reflected in our diverse range of programs, state-of-the-art facilities, and an environment that encourages both personal and professional growth.
Innovative Curriculum and Programs
At ASDC Kanpur, we offer a variety of courses designed to meet the diverse interests and career goals of our students. Our programs include:
Diploma in Engineering: Designed to provide foundational knowledge and hands-on experience in various engineering disciplines.
Bachelor of Technology (B.Tech): A comprehensive program that combines theoretical learning with practical application in fields such as Computer Science, Electrical Engineering, and Mechanical Engineering.
Master of Technology (M.Tech): Advanced studies that prepare students for leadership roles in academia and industry.
Skill Development Courses: Short-term courses aimed at enhancing specific skills relevant to today’s job market.
Our curriculum is continuously updated to reflect the latest advancements in technology and industry trends, ensuring that our students are well-prepared for the challenges of the future.
State-of-the-Art Facilities
ASDC Kanpur boasts a campus equipped with modern amenities designed to support a conducive learning environment. Our facilities include:
Advanced Laboratories: Equipped with the latest technology, our labs provide students with hands-on experience in their respective fields.
Modern Classrooms: Designed to facilitate interactive learning, our classrooms are equipped with digital tools that enhance the educational experience.
Extensive Library: Our library offers a vast collection of books, journals, and digital resources, supporting both academic and research pursuits.
Experienced and Dedicated Faculty
Our faculty members are the backbone of ASDC Kanpur. With years of experience and expertise in their respective fields, they are committed to providing students with a high-quality education. Our faculty members are not just teachers but mentors who guide students through their academic journey, offering support and encouragement every step of the way.
Industry Partnerships and Opportunities
Understanding the importance of real-world experience, ASDC Kanpur has established strong ties with leading industries and organizations. These partnerships provide our students with valuable internship opportunities and pathways to employment. Our industry collaborations ensure that our students gain practical experience and are ready to meet the demands of the workforce upon graduation.
Vibrant Campus Life
Life at ASDC Kanpur extends beyond the classroom. We believe in the holistic development of our students, and our campus life reflects this philosophy. From cultural festivals and technical competitions to sports and recreational activities, our students have numerous opportunities to explore their interests and develop new skills. Our various clubs and organizations provide platforms for students to showcase their talents and leadership abilities.
Join Us on the Path to Success
Choosing ASDC Kanpur means joining a community dedicated to academic excellence, innovation, and personal growth. We invite prospective students and their families to visit our campus and experience firsthand what makes ASDC Kanpur a leader in education and skill development.
0 notes
Text
youtube
Wordpress
#how to make a website#create a website#website#make a website#how to build a website#how to create a website#how to make a wordpress website#build a website#wordpress tutorial#website tutorial#wordpress#website design#tutorial#web development#web hosting#how to create a website for free#website builder#make a wordpress website#create a wordpress website#build a wordpress website#how to create a wordpress website#wordpress website#wordpress tutorial for beginners#ali abdaal#ali abdal#best platforms for hosting#best platforms for websites#website with no coding#no coding#how to make a website for free
0 notes
Text
This video I made can help you if you are a WordPress developer.
#freelance#manan broti#Freelancer Manan Broti#wordpress tutorial#wordpress course#Free WordPress Course#wordpress developer#wordpress development#wordpress design#Sticky Navigation Tutorial#WordPress Sticky Navigation Menu#web designer#Web Developer
1 note
·
View note
Text
free digital marketing courses , web development tutorials free , accounts courses online free
Unlock your potential with ADC's free digital marketing, web development and finance c ourses Want to improve your skills and expand your Experience in digital marketing, web development, or money? ASDC is your gateway to the world of learning and development. At ASDC (Advanced Skills Development Centre), we believe in liberating education and making quality education accessible to everyone, everywhere. Through our platform, we have free courses designed to help people gain the skills they need to succeed in today's competitive environment. Empower yourself with free digital marketing courses Mastering digital marketing in the digital age is crucial for anyone who wants to succeed in world field business. Whether you're an aspiring entrepreneur, marketing professional, or small business owner, our free digital marketing courses will give you the knowledge and skills you need to enter the complex world of online business. From search engine optimization (SEO) to social media marketing, content marketing, and more, our comprehensive courses cover all aspects of digital marketing, providing strategies and solutions. Eight to achieve real results. Building the future of web development In today's technological revolution, web development is needed the most. Whether you're interested in a career as a web developer or simply want to create your website, our free web development courses offer a variety of resources to help you succeed. From the basics of HTML and CSS to advanced JavaScript techniques, our step-by- step guide is suitable for students of all levels and will guide and answer you through the process of creating dynamic websites. With practical ideas and expert guidance, you'll gain the confidence and skills you need to succeed in the world of web development. Master financial management with free online courses Understanding the basics of accounting and finance is important for making wise business decisions and managing your finances well. Our free online courses give you a solid foundation in accounting, financial analysis, and budgeting. Whether you're a business owner looking to better manage your finances or a student preparing for a career in finance, our courses provide world- class information and standard answers to help you succeed. From balance sheets to profit and loss statements, our comprehensive courses cover all aspects of financial management, putting you in control of your financial future. Why choose ASDC? > No hidden fees or registration fees - great learning at your fingertips.
2. Professional Courses: Our courses are designed and delivered by industry professionals with years of experience in their fields. You'll learn from the best and gain insight and practical skills you can apply to the real world. 3. Flexible study options: Whether you want to study on your own or in a classroom, our flexible study options can be tailored to your individual needs and preferences. Access course materials anytime, anywhere, on any device. 4. Application: We believe in learning by doing. That's why our courses are packed with assignments, case studies, and interactive sessions that allow you to apply what you've learned in a real setting. 5. Community Services: Join a community of global students and interact with your peers, faculty, and industry experts. Get feedback, ask questions, and collaborate on projects to improve your learning. Get started now! Are you now ready to take the next step in your career or expand your digital knowledge in business, web development, or finance? Visit ASDC today and unlock a world of opportunities. With our free lessons, knowledgeable instructors, and flexible learning options, there's no limit to what you can achieve. Join thousands of students who are changing their lives through education. Sign up now and start your journey of learning, growth, and success with Ding Ding Xin.
0 notes
Text
free digital marketing courses , web development tutorials free , accounts courses online free
Unlock your potential with ADC's free digital marketing, web development and finance courses
Want to improve your skills and expand your Experience in digital marketing, web development, or money? ASDC is your gateway to the world of learning and development. At ASDC (Advanced Skills Development Centre), we believe in liberating education and making quality education accessible to everyone, everywhere. Through our platform, we have free courses designed to help people gain the skills they need to succeed in today's competitive environment.
Empower yourself with free digital marketing courses
Mastering digital marketing in the digital age is crucial for anyone who wants to succeed in world field business. Whether you're an aspiring entrepreneur, marketing professional, or small business owner, our free digital marketing courses will give you the knowledge and skills you need to enter the complex world of online business. From search engine optimization (SEO) to social media marketing, content marketing, and more, our comprehensive courses cover all aspects of digital marketing, providing strategies and solutions. Eight to achieve real results.
Building the future of web development
In today's technological revolution, web development is needed the most. Whether you're interested in a career as a web developer or simply want to create your website, our free web development courses offer a variety of resources to help you succeed. From the basics of HTML and CSS to advanced JavaScript techniques, our step-by-step guide is suitable for students of all levels and will guide and answer you through the process of creating dynamic websites. With practical ideas and expert guidance, you'll gain the confidence and skills you need to succeed in the world of web development.
Master financial management with free online courses
Understanding the basics of accounting and finance is important for making wise business decisions and managing your finances well. Our free online courses give you a solid foundation in accounting, financial analysis, and budgeting. Whether you're a business owner looking to better manage your finances or a student preparing for a career in finance, our courses provide world-class information and standard answers to help you succeed. From balance sheets to profit and loss statements, our comprehensive courses cover all aspects of financial management, putting you in control of your financial future.
Why choose ASDC? > No hidden fees or registration fees - great learning at your fingertips.
2. Professional Courses: Our courses are designed and delivered by industry professionals with years of experience in their fields. You'll learn from the best and gain insight and practical skills you can apply to the real world.
3. Flexible study options: Whether you want to study on your own or in a classroom, our flexible study options can be tailored to your individual needs and preferences. Access course materials anytime, anywhere, on any device.
4. Application: We believe in learning by doing. That's why our courses are packed with assignments, case studies, and interactive sessions that allow you to apply what you've learned in a real setting.
5. Community Services: Join a community of global students and interact with your peers, faculty, and industry experts. Get feedback, ask questions, and collaborate on projects to improve your learning.
Get started now!
Are you now ready to take the next step in your career or expand your digital knowledge in business, web development, or finance? Visit ASDC today and unlock a world of opportunities. With our free lessons, knowledgeable instructors, and flexible learning options, there's no limit to what you can achieve. Join thousands of students who are changing their lives through education. Sign up now and start your journey of learning, growth, and success with Ding Ding Xin.
0 notes
Text
free digital marketing courses , web development tutorials free , accounts courses online free
** Welcome to ASDC Kanpur: Your gateway to free digital education ** Are you ready to embark on a journey of knowledge and wisdom? Don't hesitate anymore! At ASDC Kanpur, we believe in freedom of education by offering absolutely free quality courses in Digital Marketing, Web Development and Accounting. Our platform is designed to help people from all walks of life become more productive and advance their careers. Let's explore the exciting opportunities that await you: ** FREE DIGITAL MARKETING Course**:
In today's digital age, understanding the intricacies of online marketing is crucial for success. Our digital marketing courses cover a wide range of topics including SEO, social media marketing, email marketing, content optimization and more. Whether you're an experienced business person looking to improve your skills or a beginner looking to learn the ropes, our courses provide the insight and experience you need that can be applied to real situations. **Free Web Development Training**:
Have you ever dreamed of creating your own website or stepping into the world of web development? You can make your dreams come true with ASDC Kanpur. Our web development training covers everything from the basics of HTML and CSS to advanced JavaScript techniques. Whether you're interested in front-end development, back-end programming, or general development, our courses cater to all skill levels, allowing you to create dynamic and interactive websites from scratch. **Free Online Courses**:
Accounting is the language of business and knowledge in this field will open the doors to a world of opportunities. Our online finance courses provide a solid foundation in financial principles, ethics, taxation and more. Whether you're an accountant, entrepreneur or business professional, our courses provide you with the knowledge and skills you need to confidently navigate the complex world of finance. At ASDC Kanpur, we are committed to providing inclusive education to everyone, regardless of background or financial situation. Join us today and take the first step towards a bright future. Enroll in our free course and unlock your potential for success! * Make yourself strong. Improve your future. Explore ASDC Kanpur now! *
0 notes
Text
0 notes
Text
free digital marketing courses , web development tutorials free , accounts courses online free
Apart from digital marketing and web development, ASDC Kanpur also offers online accounts courses for those who want to make their finances more profitable. Our courses cover accounting principles, financial analysis, accounting practices, etc. It allows students to learn all aspects of accounting in time and place.
0 notes
Text
Advanced CSS Techniques and Best Practices - A Comprehensive Guide by WebTutor.dev
Cascading Style Sheets (CSS) plays a crucial role in web development, allowing developers to bring life and style to their web pages. If you are looking to take your CSS skills to the next level, you're in the right place! In this advanced blog post, we will delve into the world of CSS, focusing on the comprehensive guide provided by Webtutor.dev in their CSS Introduction tutorial. Get ready to enhance your CSS knowledge and discover advanced techniques and best practices.
Optimizing CSS Performance: Techniques and Tools
Efficient CSS code is essential for maintaining fast-loading web pages. We'll explore advanced techniques to optimize CSS performance, such as minimizing file size, reducing render-blocking CSS, and utilizing CSS preprocessors. The Webtutor.dev guide will provide insights into performance optimization strategies and recommend helpful tools.
CSS Layouts: Flexbox and Grid
Modern CSS layout techniques, namely Flexbox and Grid, have revolutionized web design. We'll dive deep into these powerful tools, exploring their features, properties, and best use cases. The Webtutor.dev guide will offer practical examples and tutorials to help you master the art of creating flexible and responsive layouts.
Advanced Selectors and Pseudo-classes
CSS selectors allow you to target specific elements on a web page. We'll go beyond the basics and explore advanced selectors, including attribute selectors, sibling combinators, and pseudo-classes. The blog will highlight real-world scenarios where these selectors shine, enabling you to create targeted and dynamic styles.
CSS Transitions and Animations
Adding subtle animations and transitions can greatly enhance the user experience. We'll delve into CSS transitions and animations, covering advanced techniques such as keyframes, timing functions, and complex animations. The Webtutor.dev guide will provide practical examples and tips for creating smooth and visually appealing animations.
Customizing and Styling Form Elements
Forms are an integral part of web applications, and customizing their appearance can greatly improve usability and aesthetics. We'll explore advanced techniques for styling form elements using CSS, including styling checkboxes, radio buttons, dropdowns, and input fields. The blog will showcase creative examples and provide guidance for cross-browser compatibility.
Responsive Design: Advanced Media Queries and Breakpoints
Responsive design is essential for creating websites that adapt to different screen sizes. We'll dive into advanced media queries and breakpoints, enabling you to design fluid and responsive layouts for a variety of devices. The Webtutor.dev guide will offer tips for managing complex layouts and provide examples of responsive design patterns.
Cross-browser Compatibility and CSS Prefixing
Ensuring consistent rendering across different web browsers can be a challenge. We'll discuss advanced techniques for achieving cross-browser compatibility, including CSS prefixing, vendor-specific properties, and polyfills. The blog will provide insights into browser support tables and strategies to handle browser-specific quirks.
Conclusion
As we conclude our exploration of advanced CSS techniques and best practices with the guidance of Webtutor.dev's CSS Introduction guide, you're now equipped with the knowledge to take your CSS skills to new heights. Remember to experiment, practice, and stay updated with emerging CSS trends and techniques. With the expertise gained from this comprehensive guide, you'll be able to create stunning, performant, and responsive web designs. Happy coding!
#Learn Code for Free#Learn CSS Online#Free Online CSS Tutorial#Css Online Tutorial#CSS Introduction tutorial#Advanced CSS Techniques#CSS trends and techniques#Learn CSS selectors#Learn CSS Layouts#Modern CSS layout#Learn CSS Prefixing#Styling Form Elements#CSS elements online tutorial#CSS elements tutorial for beginners#CSS elements for web developers#CSS tags and elements#Learn CSS elements#CSS elements for web development tutorial#Basic CSS elements#CSS elements for beginners#CSS elements for websites
1 note
·
View note
Text
How to Make a Responsive 404 Page using HTML & CSS
youtube
#404 page#youtube#webdesign#htmlcss#tutorials#webdevelopment#coding#frontend#js#learn css#web development#404 error page#responsive web design#responsive design#youtube videos#free code#code#coding bootcamp#technology#404#light dark theme#color scheme#Youtube
1 note
·
View note
Text
How To Make Your Own Fanfiction Archive, In Just Ten Easy Steps
As the go-to "person who knows about AO3" for quite a few people who read fanfic but aren't really linked-in to wider fandom culture, I've fielded a lot of questions about how to do certain things on AO3 to which my best answer is "you should really start your own archive!" I think, in general, more fans starting their own small archives would be a net good for fandom. AO3 was never meant to be the only archive for all fandom, or even the main archive, and the more spread out and backed up we are the more resilient we are.
But of course I have to be reminded that a lot of fans these days don't really have any idea how little "you should start your own archive!" really involves. (Also, that I should practice what I preach.) So I am now making my own fanfiction archive, and writing up this post as I do it to tell people how to make theirs!
Go to https://neocities.org/ and sign up for an account. It only needs a username (which will also be your website address), password, and email. Pick a username that will be related to your archive's title!
Choose the free account option (if you ever need more than what the free account offers for a text-only archive, you should probably look into graduating from neocities.) This should take you to a menu of "how to make a website" tutorials. You should do them! They're useful skills. But let's get your archive running first.
Hit the big red Edit Site button, or open the menu under your username and select "Edit Site".
Select the "Index.html" file to edit. You're now in an HTML Editor. Congrats, you're a web developer c. 1999!
Find where it has text between the < title> tags. Delete the filler text, and put in the title of your new archive. This text will be what shows on the tab when people go to your archive.
Find where it has text between the < h1 > tags. This will be big header text at the top of your page. Put the title of your archive here again. If you have no experience with HTML, you should read over the other sample text. It covers the basic basics very well! Once you've done that, you can delete everything else between the < /h1> tag and the < /body> tag. Save your index.html file.
Get an HTML file for a fanfic you would like to add to your archive. If it's on AO3, you can use the html download option built into AO3. If you have it as a word processor/google docs file, you should have the option to save as an html file. Save that html file to your computer.
Go back to Edit Site on Neocities and go to "upload". Find the html file you saved and upload it. (You can also drag and drop files to upload.)
The file you uploaded should now be showing with your other neocities files. Right-click on the title and select "copy link".
Go in to edit index.html again. Under where you put your header text, type < br> < a href=" . Then paste in the link you copied. Then type "> Then put in the title of the fic. Then type < /a> . Then save the index page again when you're done. You can do this for every fanfic you have.
Congratulations! You now have your very own personal private fanfiction archive that you are 100% in charge of and make all the rules for. It's at least as good as half the ones I was reading on when I started reading fanfiction and will serve its function well as a way to let people read your fic. You can link to it from anywhere you want! (Including your AO3 profile.)
Blogpost version, with FAQs and discussion
Anyway, here's my beautiful new fanfiction archive made using this tutorial:
Melannen's Fanfiction Archive
(I am honestly way more disproportionately proud of finally making that than I expected to be. It's nice to have your own archive.)
If you make one, share it here ! I want to see!
#ao3#archive of our own#fanfiction#fanfic archive#how-to#tumblr what are you doing to my angle brackets#why would you do that what's wrong with you
4K notes
·
View notes
Text
WoL Magic Cards Tutorial!
I'd made a custom Magic: the Gathering card of Johnny recently, and shared it in the Seafloor discord, and since there was a lot of interest in the concept I figured a tutorial might be nice so we have something to do while we wait for plugins to come back. Here goes!
Download CardConjurer This is the tool I use to make custom cards. It's just a web app developed by a college student; he got DMCA'd by WOTC so it's not hosted on the internet anymore, but you can still run it locally.
Just unzip the contents somewhere, and then run launcher.exe when you're ready. It should open up the app in a browser tab.
2. Navigate to the Card Creator
3. Pick out a Frame
Enter this search box on the right. We're going to be using the Nickname ("Godzilla") frames. These give us a small subtitle box below the card name that indicates what the Magic card's actual name is.
If you want to create a custom card instead, use the Borderless frames.
In the menu below, you should see the different colors of the borderless frames. You'll have to add three of these elements to the card: the text box, the card name, and the power/toughness box. Do them in that order, by clicking each element and then Add Frame to Card. If your card is legendary (or if you feel like it), use the Crown option rather than just Title.
You'll have to choose the correct color. If your chosen card is monocolor or >=3 colors, this is very easy since you can just choose that color or gold, but for two-color cards the process is slightly more involved. First, add the color that goes on the left using the Add Frame to Card button, and then add the right color using the Add Frame to Card (Right Half) button. Use the gold power/toughness box.
If any of the card elements get out of order, you can reorder them using the layers controls at the bottom of the page.
4. Import the card text
Navigate to the Import/Save tab, and type in the name of the real card you're putting your OC over. Select the specific version of it using the dropdown afterwards.
(For some reason, Firefox suggests completing this field with my credit card information. I think it knows more about Magic than it's letting on.)
After the card is imported, navigate back to the Frame tab, and click Load Frame Version. This will force the text on the card to fit into the frame set that's currently selected in the bar on the right, which should still be the Nickname ("Godzilla") from earlier.
We should have something closely resembling the real card in the editor, now.
5. Make it yours!
First off, go to the Art tab, and upload your image. Once it shows up, you can adjust it by clicking the actual card in the editor. Clicking and dragging pans it around, shift+clicking scales, and ctrl+click rotates.
Next, pop over to the Set Symbol tab and remove it, since this is your own card and isn't from a Magic set.
And now, go over to the Text tab to finish this off! Start by entering your card name into the Nickname tab.
If your chosen card name is too long and ends up clipping the mana cost, you can reduce the width of the text box with the Edit Bounds menu until it fits.
Next, go to Rules Text to update the name if the card refers to itself. I changed all instances of "Vadrik" to "Johnny". Since this card is really just to look at and not to play with, I also renamed the Day/Night mechanic to fit the Black Mage flavor even better. Feel free to get creative!
You can use {flavor} to add flavor text as well. I added the {lns} commands after some words to add line breaks to make the text blocks look better.
You can also edit the typeline in the Type tab, if the creature type doesn't match your WoL. Johnny is already a Human Wizard though, so I didn't have to do that. Technically this would be a mechanical change of the card, but since these aren't real cards anyway I think it's a valid concession to make. Just don't go abusing it if you actually end up printing these out LOL
6. Download the card image
Finally, head back over to Import/Save, scroll all the way to the bottom, and hit Download you card.
And you're done! There's obviously a lot more that's possible with CardConjurer, and tons of avenues for creativity. If you end up following this tutorial, or creating any other FFXIV-related MTG cards, I would really love to see them!
110 notes
·
View notes